 .list {
        margin-left:10px;
        background: #E2E4E6;
        box-sizing: border-box;
        display: flex;
        max-width: 300px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%;
        position: relative;
        white-space: normal
    }
    .list-header {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 8px 10px;
        position: relative;
        min-height: 18px
    }
    .list-content {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow-y: auto;
        margin: 0 4px;
        padding: 0 4px;
        z-index: 1;
        min-height: 0
    }
    .task {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    margin-bottom: 6px;
    max-width: 300px;
    min-height: 20px;
    position: relative;
    z-index: 0
    }
     .task-add {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 8px 10px;
        position: relative;
        min-height: 18px
    }
    textarea.task-create {
	    width: 100%;
	    background: 0 0;
	    border: none;
	    /* box-shadow:none; */
	    height: auto;
	    margin-bottom: 4px;
	    max-height: 162px;
	    min-height: 54px;
	    overflow-y: auto;
	    padding: 0;
	}